<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 前端的get请求
    // get请求的参数用？和&传递
    // 参数可以在url上面看到
    fetch("http://127.0.0.1:3000/api/data?name=zhangsan&age=20")
      .then(response => response.json())
      .then(res => {
        console.log(res);
      })

    // 前端的post请求
    // post请求传参用body传递
    // 在url上面看不到，只能在浏览器的载荷那里看到
    fetch("http://127.0.0.1:3000/api/data2", {
      method: "POST",
      body: JSON.stringify({name: "lisi", age: 30})
    }).then(response => response.json())
      .then(res => {
        console.log(res);
      })
  </script>
</body>
</html>